<template>
  <div align="center" style="width: 100%">
    <div class="menual">
      <p style="font-size:80px;padding-top:50px">
        <span style="color: #2dc26b">U</span
        ><span style="color: #f1c40f">N</span
        ><span style="color: #e03e2d">I</span
        ><span style="color: #b96ad9">T</span
        ><span style="color: #3598db">U</span
        ><span style="color: #e03e2d">I</span>
      </p>
      <p>
        <span style="color: #2dc26b">可视化路由管理</span>|<span
          style="color: #f1c40f"
          >可视化菜单配置</span
        >|<span style="color: #e03e2d">免干扰</span>|<span
          style="color: #b96ad9"
          >快速开发</span
        >|<span style="color: #3598db">响应式</span>|<span
          style="color: #2dc26b"
          >Vue3</span
        >|<span style="color: #3598db">elementPlus</span>|<span
          style="color: #34495e"
          >CDN</span
        >
      </p>
      <a
        href="https://www.kancloud.cn/radish_1/unituicli3"
        target="_blank"
        rel="noopener noreferrer"
        style="margin-top:50px"
      >
        无法打开点这里</a
      >
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
  mounted() {
    window.open("https://www.kancloud.cn/radish_1/unituicli3");
  },
};
</script>
<style scoped>
.menual {
  height: calc(100vh - 220px);
  width: 300px;
  background-color: white;
  border-radius: 10px;
}
</style>